<template>
  <!-- <common-header></common-header> -->
  <common-header1></common-header1>

  <router-view></router-view>

  <common-footer></common-footer>
</template>

<script>
import commonHeader from "@/components/common/Header.vue";
import commonHeader1 from "@/components/common/Header1.vue";
import commonFooter from "@/components/common/Footer.vue";

import {
  reactive,
  toRefs,
  onBeforeMount,
  onMounted,
  getCurrentInstance,
} from "vue";
export default {
  name: "IndexLayout",
  components: { commonHeader, commonHeader1, commonFooter },
  props: {},
  setup() {
    const { proxy } = getCurrentInstance();
    console.log(proxy);
    const data = reactive({});
    const refData = toRefs(data);
    onBeforeMount(() => {});
    onMounted(() => {});
    return {
      ...refData,
    };
  },
};
</script>
<style scoped></style>
